<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    <title></title>
         <style>
			ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
				overflow: hidden;
				background-color: #333;
			}
			
			li {
				float: left;
			}
			
			li a {
				display: block;
				color: white;
				text-align: center;
				padding: 19px 19px;
				text-decoration: none;
			}
			
			li a:hover {
				background-color: #111;
			}
			
		</style>
		
		
		
		
		<style>
div.img {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 395px;
    height:350px;
}

div.img:hover {
    border: 1px solid #777;
}

div.img img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
}
</style>

   
    </head>
	<body>
		<ul>
			<li>
				<a href=""></a>
			</li>
			<li>
				<a href=""></a>
			</li>
			<li>
				<a href=""></a>
			</li>
			<li>
				<a href=""></a>
			</li>
			<li>
				<a href="http://www.astron.ac.cn/index.htm"></a>
			</li>
			<li>
				<a href="http://www.astron.ac.cn/index.htm"></a>
			</li>
			<li>
				<a href="http://www.astron.ac.cn/index.htm"></a>
			</li>
			

			<li>
				<a href="http://www.astron.ac.cn/index.htm"></a>
			</li>
			<li>
				<a href="http://www.astron.ac.cn/index.htm"></a>
			</li>
			<li>
				<a href="2.html">
					<font size="5.2">关于Ink</font>
				</a>
			</li>
			
			<li>
				<a href="http://stars.chromeexperiments.com/">
					<font size="5.2">关于产品</font>
				</a>
			</li>
			<li>
				<a href="3.html">
					<font size="5.2">创业计划书</font>
				</a>
			</li>
			<li>
				<a href="1.html">
					<font size="5.2">加入我们 </font>
				</a>
			</li>

		</ul>
		
		
		<div class="responsive">
  <div class="img">
    <a target="_blank" href="//static.runoob.com/images/demo/demo1.jpg">
      <img src="img/QQ图片20201228232031.jpg" width="300" height="200">
    </a>
    <div class="desc">世博会</div>
  </div>
</div>
 
<div class="responsive">
  <div class="img">
    <a target="_blank" href="//static.runoob.com/images/demo/demo2.jpg">
      <img src="img/QQ图片20201228235102.jpg" width="300" height="200">
    </a>
    <div class="desc">世博会</div>
  </div>
</div>
 
<div class="responsive">
  <div class="img">
    <a target="_blank" href="//static.runoob.com/images/demo/demo3.jpg">
      <img src="img/QQ图片20201228234930.jpg">
    </a>
    <div class="desc">博览会</div>
  </div>
</div>
 <div class="responsive">
  <div class="img">
    <a target="_blank" href="//static.runoob.com/images/demo/demo3.jpg">
      <img src="img/QQ图片20201228232044.jpg" alt="图片文本描述" width="300" height="200">
    </a>
    <div class="desc">博览会</div>
  </div>
</div>
<div class="responsive">
  <div class="img">
    <a target="_blank" href="//static.runoob.com/images/demo/demo3.jpg">
      <img src="img/QQ图片20201228232054.jpg" alt="图片文本描述" width="300" height="200">
    </a>
    <div class="desc">珠宝展</div>
  </div>
</div>
<div class="responsive">
  <div class="img">
    <a target="_blank" href="//static.runoob.com/images/demo/demo3.jpg">
      <img src="img/QQ图片20201228232057.jpg" alt="图片文本描述" width="300" height="200">
    </a>
    <div class="desc">珠宝展</div>
  </div>
</div>
<div class="responsive">
  <div class="img">
    <a target="_blank" href="//static.runoob.com/images/demo/demo3.jpg">
      <img src="img/QQ图片20201227131746.jpg" alt="图片文本描述" width="300" height="200">
    </a>
    <div class="desc">艺术展</div>
  </div>
</div>
<div class="responsive">
  <div class="img">
    <a target="_blank" href="//static.runoob.com/images/demo/demo3.jpg">
      <img src="img/QQ图片20201228232103.jpg" alt="图片文本描述" width="300" height="200">
    </a>
    <div class="desc">艺术展</div>
  </div>
</div>
<div class="responsive">
  <div class="img">
    <a target="_blank" href="//static.runoob.com/images/demo/demo3.jpg">
      <img src="img/QQ图片20201228232111.jpg" alt="图片文本描述" width="300" height="200">
    </a>
    <div class="desc">美术展</div>
  </div>
</div>
<div class="responsive">
  <div class="img">
    <a target="_blank" href="//static.runoob.com/images/demo/demo3.jpg">
      <img src="img/QQ图片20201228232116.jpg" alt="图片文本描述" width="300" height="200">
    </a>
    <div class="desc">美术展</div>
  </div>
</div>
<div class="responsive">
  <div class="img">
    <a target="_blank" href="//static.runoob.com/images/demo/demo3.jpg">
      <img src="img/QQ图片20201228232119.jpg" alt="图片文本描述" width="300" height="200">
    </a>
    <div class="desc">雕塑展</div>
  </div>
</div>
<div class="responsive">
  <div class="img">
    <a target="_blank" href="//static.runoob.com/images/demo/demo3.jpg">
      <img src="img/QQ图片20201228232123.jpg" alt="图片文本描述" width="300" height="200">
    </a>
    <div class="desc">雕塑展</div>
  </div>
</div>
		
		
	</body>
</html>

    
		

